<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>07</title>
	<script type="text/javascript" src="static/easyui/jquery.min.js" charset="utf-8"></script>
	<link id="easyuiTheme" rel="stylesheet" href="/static/easyui/themes/default/easyui.css">
	<link rel="stylesheet" href="/static/easyui/themes/icon.css">
	<script type="text/javascript" src="static/easyui/jquery.easyui.min.js" charset="utf-8"></script>
	<script type="text/javascript" src="static/easyui/locale/easyui-lang-zh_CN.js" charset="utf-8"></script>
	<script type="text/javascript">
		$(function(){
			var h = document.documentElement.clientHeight || document.body.clientHeight;
			$('a[title]').click(function(){
				var src=$(this).attr('title');
				var title=$(this).html();/* 取文本值 */
				if($('#tt').tabs('exists',title)){
					$('#tt').tabs('select',title);
				}else{
					$('#tt').tabs('add',{
						title:title,
						content:'<iframe frameborder=0 style=width:100%;height:99.2%; src='+src+'></iframe>',
						closable:true
					})
				}
				
			});
			$('#cc').combo({    
			    required:true,    
			    multiple:true   
			});
		});
		
	</script>
	<style type="text/css">
		/* class 定义底部的样式 版权 */
		.copyright{
			text-align:center;
			overflow:hidden;
			background:#e0ecff;
			color:#000000;
			font-size:12px;
			border-color:#95B8E7;
			border-top-width:1px;
		}
	
	</style>
</head>
<body class="easyui-layout"> 
		<!-- Logo -->
	    <div data-options="region:'north',split:false" style="height:50px;background:url('/static/image/timg.jpg');background-position:50% 50%;">
	    	LOGO
	    	<select >
				<option value="default" >slide</option>
				<option value="bootstrap" selected="selected">fade</option>
				<option value="gray">show</option>
			</select>
	    </div>   
	    
	    
	    
	   <!--  <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div>    -->
	   
	   <!-- 导航栏 -->
	    <div data-options="region:'west',title:'导航菜单',split:false" style="width:13%;" >
	    	<div id="aa" class="easyui-accordion" style="width:300px;height:200px;" fit="true">   
			    <div title="用户管理" data-options="iconCls:'icon-filter',selected:true" style="overflow:auto;padding:10px;">  
			    	<a title="form">用户列表</a><br>
			    	<a title="form3">用户信息</a><br>
			    	<a title="08datagrid">08datagrid</a><br>
			    	<a title="09datagridPage">09datagridPage</a><br>
			    	<a title="10combobox">10combobox</a><br>
			    	<a title="11combogrid">11combogrid</a><br>
			    	<a title="12datagridPage">12datagridPage</a><br>
			    	<a title="tree13">13tree</a><br>
			    </div>   
			    <div title="岗位管理" data-options="iconCls:'icon-reload'" style="padding:10px;">   
			    </div>   
			    <div title="权限管理">   
			    </div>
			    <div title="资源管理">   
			    	<a title="08datagrid">用户列表</a><br>
			    	<a title="09datagridPage">09datagridPage</a>
			    </div>   
			</div>  
	    </div>   
	    
	    <!-- 显示内容 -->
	    <div data-options="region:'center'"   style="background:#eee;margin: 0px;">
	    	<div id="tt" class="easyui-tabs" fit="true" style="width: 500px;height:250px;">
	    		<div title="首页" data-options="href:'/',closable:false,iconCls:'icon-tip',cls:'pd3'"></div>
	    	</div>
	    </div>   
	    
	    <!-- 版权 底部 -->
	    <div id="copyright" data-options="region:'south',border:true,split:false">
	    	<div style="width:100%; height:20px;" class="copyright">
    			Copyright&emsp;©2018-2018&emsp;All Rights Reserved&emsp;17软件实验班
	    	</div>
	    </div>   
	    
</body>
</html>